﻿/// <reference path="resources/script/sencha-touch-all.js" />

Ext.application({
    name: 'senchaTouchTest',
    useLoadMask: true,
    centered: true,
    launch: function () {
        Ext.create("Ext.tab.Panel", {
            fullscreen: true,
            tabBarPosition: 'bottom',
            items: [
                {
                    title: '首页',
                    iconCls: 'home',
                    cls: 'home',
                    html: [
                            '<img src="http://staging.sencha.com/img/sencha.png" />',
                            '<h1>欢迎</h1>',
                            '<p>Sencha Touch 2</p>'
                          ].join(""),
                    listeners: {
                        tap: function () {
                            Ext.Msg.alert('u tap me!', 'hey');
                        }
                    }
                },
                {
                    title: '反馈',
                    iconCls: 'user',
                    layout: 'vbox',
                    items: [
                                {
                                    xtype: 'toolbar',
                                    title: '顶端工具栏',
                                    docked: 'top'
                                },
                                {
                                    xtype: 'button',
                                    text: '发送',
                                    ui: 'confirm',
                                    handler: function () {
                                        //alert("send");
                                        //confirm('Is that right?');
                                        Ext.Msg.alert('title', 'some msg');
                                    }
                                }
                            ]
                }
            ]
        });
    }
});
//Ext.application({
//    name: 'senchaTouchTest',
//    launch: function () {// 应用启动时执行该方法  
//        Ext.create('Ext.Panel', {
//            layout: 'hbox',
//            fullscreen: true,
//            items: [
//                        {
//                            xtype: 'panel',
//                            flex: 1,
//                            html: 'Left Panel, 1/3rd of total size',
//                            style: 'background-color: #5E99CC;'
//                        },
//                        {
//                            xtype: 'panel',
//                            flex: 2,
//                            html: 'Right Panel, 2/3rds of total size',
//                            style: 'background-color: #759E60;'
//                        }
//                    ]
//        });
//    }
//});